<template>
  <!-- 顶部通栏 -->
  <Navbar></Navbar>
  <!-- 头部 -->
  <Header></Header>
  <!-- 吸顶图 -->
  <AppHeaderSkitcky></AppHeaderSkitcky>
  <!-- 内容容器 -->
  <router-view class="app"></router-view>
  <!-- 底部 -->
  <Footer></Footer>
</template>

<script>
import Navbar from '@/components/app-Navbar.vue'
import Header from '@/components/app-header.vue'
import Footer from '@/components/app-footer.vue'
import AppHeaderSkitcky from '@/components/app-header-nav-sticky.vue'
import { useStore } from 'vuex'
export default {
  name: 'Layout',
  components: {
    Navbar,
    Header,
    Footer,
    AppHeaderSkitcky
  },
  setup () {
    const store = useStore()
    store.dispatch('category/getList')
  }
}
</script>

<style scoped lang="less">
  .app {
    min-height: 600px;
  }
</style>
